<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购注册页-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="乐购legou.com-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,乐购" />
    <!-- 1.引入样式表  注意引入的顺序 -->
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入头部样式 -->
    <link rel="stylesheet" href="./css/header.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/reg.css">
    <!-- 引入尾部样式 -->
    <link rel="stylesheet" href="./css/bottom.css">

    <!-- 引入轮播插件样式 -->
    <link rel="stylesheet" href="./css/slider.css">
</head>

<body>
    <!-- 1.头部 -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top bgc10 cbf">
            <!-- 版心 -->
            <div class="container">
                <!-- 右边的内容 -->
                <div class="fr">
                    欢迎光临<span class="cf60">乐购</span>，请
                    <a href="#" class="cbf">登陆</a>
                    \
                    <a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="container rel">
            <!-- logo -->
            <img src="./img/logo.jpg" alt="" class="logo abs">

            <!-- 搜索框和购物车 -->
            <div class="ptb220 clearfix">
                <!-- 购物车 -->
                <div class="fr shopCar tcenter font16">
                    <a href="#" class="car cfff font14">购物车 <span>3</span></a>
                    <a href="#" class="c80">我的订单</a>
                </div>
                <!-- 搜索框 -->
                <form action="" class="fr search">
                    <input type="text" value="创意文具" class="fl ti5 c80">
                    <input type="submit" class="btn fl" value="">
                </form>
            </div>

            <!-- 导航栏 -->
            <ul class="nav font16 clearfix">
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">图书</a></li>
            </ul>
        </div>
    </div>

    <!-- 版心 -->
    <div class="container mt45">
        <form action="" id="myform" class="mauto">
            <div class="items clearfix">
                <span class="fl font22 c80">用户名</span>
                <input type="text" id="user" name="user" placeholder="您的账户名和登录名" class="fl">
            </div>
            <div class="items clearfix">
                <span class="fl font22 c80">设置密码</span>
                <input type="text" id="pwd" name="pwd" placeholder="建议设置两种字符密码" class="fl">
            </div>
            <div class="items clearfix">
                <span class="fl font22 c80">确认密码</span>
                <input type="text" id="surePwd" placeholder="您的账户名和登录名" class="fl">
            </div>
            <div class="items clearfix">
                <span class="fl font22 c80">中国+86</span>
                <input type="text" id="tel" placeholder="您的账户名和登录名" class="fl">
            </div>
            <div class="items clearfix">
                <span class="fl font22 c80">验证码</span>
                <input type="text" id="vcode" placeholder="您的账户名和登录名" class="fl">
            </div>

            <div class="items clearfix">
                <span class="fl font22 c80">手机验证码</span>
                <input type="text" id="telvcode" placeholder="您的账户名和登录名" class="fl">
            </div>
            <div>
                <input type="checkbox" id="isagree">
                我已阅读并同意《京东用户注册协议》
            </div>
            <input type="submit" class="btn bgcf60 cfff font24" value="立即注册" disabled="disabled" >
        </form>
    </div>

    
    <!-- 9.底部 -->
    <div id="bottom">
        <div class="container">
            <div class="bottomimg ml100">
                <img src="./img/222_11.png" alt="">
                <img src="./img/222_13(1).png" alt="">
                <img src="./img/222_15.png" alt="">
                <img src="./img/222_17.png" alt="">
            </div>
            <!-- 另一栏 -->
            <div class="vtwz">
                <ul>
                    <li>
                        <a href="">
                            <div class="tcenter">
                                <dt class="font18 c3">购物指南</dt>
                                <dd class="font16">购物流程</dd>
                                <dd class="font16">发票制度</dd>
                                <dd class="font16">账户管理</dd>
                                <dd class="font16">会员优惠</dd>
                            </div>
                        </a>
                    </li>
                    <li>
                       <a href="">
                        <div class="tcenter">
                            <dt class="font18 c3">支付方式</dt>
                            <dd class="font16">货到付款</dd>
                            <dd class="font16">网上支付</dd>
                            <dd class="font16">礼品卡支付</dd>
                            <dd class="font16">银行转账</dd>
                        </div>
                       </a>
                    </li>
                    <li>
                       <a href="">
                        <div class="tcenter">
                            <dt class="font18 c3">订单服务</dt>
                            <dd class="font16">订单配送查询</dd>
                            <dd class="font16">订单状态说明</dd>
                            <dd class="font16">自助取消订单</dd>
                            <dd class="font16">自助修改订单</dd>
                        </div>
                       </a>
                    </li>
                    <li>
                       <a href="">
                        <div class="tcenter">
                            <dt class="font18 c3">退换货</dt>
                            <dd class="font16">退换货政策</dd>
                            <dd class="font16">自助申请退换货</dd>
                            <dd class="font16">退换货进度查询</dd>
                            <dd class="font16">退款方式和时间</dd>
                        </div>
                       </a>
                    </li>
                    <li>
                       <a href="">
                        <div class="tcenter">
                            <dt class="font18 c3">商家服务</dt>
                            <dd class="font16">商家中心</dd>
                            <dd class="font16">运营服务</dd>
                            <dd class="font16">加入尾浦灰</dd>
                        </div>
                       </a>
                    </li>
                </ul>
                <img src="./img/logo_00.png" alt="">
            </div>
            <div class="leavemessage font14">
                <h1>公司简介<span>|</span>Investor Relations <span>|</span>网站联盟  <span>|</span>乐购招商 <span>|</span>机构销售 <span>|</span> 官方Blog <span>|</span> 热词搜索</h1>
                <p>Copyright (c) 乐购网 2004-2016. All Rights Reserved</p>
            </div>
        </div>
    </div>



    <!-- 引入juqery库 -->
    <script src="./lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--引入轮播插件库-->
    <script src="js/slider.js" type="text/javascript" charset="utf-8"></script>

    <!-- 引入validate.js -->
    <script src="./lib/validate/jquery.validate.js"></script>
    <!-- 引入汉化包 -->
    <script src="./lib/validate/messages_zh.js"></script>
    <!-- 配置插件 -->
    <script src="./js/reg2.js"></script>
</body>

</html>